import {StyleSheet, View, Text, Image, Button} from 'react-native';
import React, {useState} from 'react';
import {SvgXml} from 'react-native-svg';
// import LinearGradient from 'react-native-linear-gradient';

const xml = `
<svg t="1706317272896" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4196" width="200" height="200"><path d="M325.95555556 961.99999999c-18.00000001 0-32.4-14.40000002-32.40000002-32.39999997 0-9.00000001 3.59999999-17.09999998 9.89999999-22.50000001L698.55555553 512 303.45555553 116.89999999c-5.4-5.4-9.89999998-13.50000003-9.89999999-22.50000001 0-18.00000001 14.40000002-32.4 32.40000002-32.39999997 9.00000001 0 17.09999998 3.59999999 22.49999997 9.9l417.60000004 417.6c6.29999999 5.4 9.89999998 13.50000003 9.90000001 22.49999999s-3.59999999 17.09999998-9.90000001 22.49999999L348.45555553 953c-5.4 5.4-13.50000003 9.00000001-22.49999997 8.99999999z m0 0" p-id="4197"></path></svg>
`;

export default function Children1() {
  return (
    <View style={{alignItems: 'center',marginTop:20}}>
      <View style={[style.textParent]}>
        <Text>学校食堂-洗消区</Text>
        <SvgXml xml={xml} width="20" height="20" />
      </View>
      <View style={[style.textParent]}>
        <Text>学校食堂-烹饪区</Text>
        <SvgXml xml={xml} width="20" height="20" />
      </View>
      <View style={[style.textParent]}>
        <Text>学校食堂-切菜区</Text>
        <SvgXml xml={xml} width="20" height="20" />
      </View>
    </View>
  );
}

const style = StyleSheet.create({
  textParent: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    width: '90%',
    height: 60,
    borderWidth: 1,
    padding:20
  },
});
